<template>
  <div style="margin-bottom: 10px;">
    <a-tabs v-bind="item.conf">
      <a-tab-pane :tab="subItem.name" v-for="(subItem, index) in item.subItems" :key="index">
        <div style="min-height: 50px;">
          <form-designer :parent-id="subItem.id" :item="subItem.children" class="drag-full" :data="data"></form-designer>
        </div>
      </a-tab-pane>
    </a-tabs>
  </div>
</template>

<script>
  export default {
    props: {
      item: {},
      data: {},
    },
  };
</script>

<style scoped></style>
